<h2>Hero List</h2>

<p>
    <i>Pick a hero from the list </i>
</p>

<ul>
    <li *ngFor="let hero1 of heroes" (click)="selectHero(hero1)">
        {{hero1.dispaly()}}
    </li>
</ul>

<hero-detail *ngIf="selectedHero" [currentHero]="selectedHero"></hero-detail>